{include "INC_header.html"}
<div class="main-wrap">
    <main>
        <div class="container">
            <div class="ui breadcrumb text-small">
                <div class="item"><a href="/">首页</a></div>
                {if $archive.categoryId > 0 && !empty($archive.categoryName)}
                <div class="item"><a href="{url url='/cms/web/category'}/{$archive.categoryId}.html">{$archive.categoryName}</a></div>
                {/if}
                <div class="item">{$archive.title}</div>
            </div>
            <div class="light-background padding radius margin-top">
                <div class="archive padding">
                    <div class="title text-center">{$archive.title}</div>
                    <div class="text-center medium-text border-bottom light-border padding">
                        {if $archive.categoryId > 0 && !empty($archive.categoryName)}
                        分类：<span class="margin-right"><a href="{url url='/cms/web/category'}/{$archive.categoryId}.html">{$archive.categoryName|default:'-'}</a></span>
                        {/if}
                        发布：<span class="margin-right dark-text">{$archive.userNickname|default:"管理员"}</span>
                        时间：<span class="margin-right dark-text">{$archive.datetime|date_format:"%Y/%m/%d %H:%M:%S"}</span>
                        IP：<span class="margin-right dark-text">{$archive.ip|default:'本地'}</span>
                    </div>
                    {if !empty($archive.description)}
                    <div class="description"><span class="primary-text">导读：</span> {$archive.description}</div>
                    {/if}
                    <div class="detail">{$archive.detail}</div>
                    {if !empty($archive.tagList)}
                    <div class="border-top">
                        {foreach $archive.tagList as $tag}
                        <a class="ui tag blue" href="{url url='/cms/web/tag'}/{$tag.tag}.html">#{$tag.tag}</a>
                        {/foreach}
                    </div>
                    {/if}
                </div>
                <!-- 上一篇下一篇 -->
                <div class="prevnext ui flex-item padding">
                    <div class="radius center border border-dashed padding">
                        <div class="padding">
                            <div class="medium-text"><i class="fa fa-arrow-circle-left"></i> 上一篇</div>
                            {if $archive.prev != null}
                            <div class="margin-top text-bold line-height-20px max-one-line-text"><a href="{$archive.prev.url}" title="{$archive.prev.title}">{$archive.prev.title}</a></div>
                            {else}
                            <div class="margin-top text-bold medium-text">没有了</div>
                            {/if}
                        </div>
                    </div>
                    <div class="padding"></div>
                    <div class="radius center border border-dashed padding">
                        <div class="padding text-right">
                            <div class="medium-text">下一篇 <i class="fa fa-arrow-circle-right"></i></div>
                            {if $archive.next != null}
                            <div class="margin-top text-bold line-height-20px max-one-line-text"><a href="{$archive.next.url}" title="{$archive.next.title}">{$archive.next.title}</a></div>
                            {else}
                            <div class="margin-top text-bold medium-text">没有了</div>
                            {/if}
                        </div>
                    </div>
                </div>
            </div>
            <!-- 以标签关联其它 -->
            <div class="panel-block padding-top">
                <div class="">
                    <h2 class="title">相关文章</h2>
                    {include "components/wavy.html"}
                </div>
            </div>
            <div class="radius overflow-hidden margin-top light-background">
                <div class="list linear-split double-item-space" id="vue-outlet">
                    {archiveList offset=0 total=20 tags=$archive.tags excludeId=$archive.id item="item"}
                    {include "INC_item.html" item=$item}
                    {/archiveList}
                    <!-- 加载更多 -->
                    {include "INC_item.html" type='ajax'}
                </div>
            </div>
            {include "INC_item_js.html" tags=$archive.tagsId excludeId=$archive.id}
        </div>
        <!-- 右侧 -->
        {include "INC_aside.html"}
    </main>
</div>
{include "INC_footer.html"}